	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	/* 'widths' sub menu */

	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		margin-bottom: 250px;
		color: rgb(0,0,0);
		text-align: justify;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	
.col2 h2    {
              display: inline;
              padding: 10px;
              padding-left: 0px;
            }
	
	/* 3 Column settings */
	.threecol {
		/* background:#eee;		 right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		/* background:#fff;		 center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		/* background:#f4f4f4;	 left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}


html {
          width: 100%;
          height: 100%;
          margin: 0;
          }

body{
          margin: 0;
          color: rgb(255,255,255);
          #background-color: rgb(188,216,150);		
          background-color: rgb(185,226,148);
          width: 100%;
          height: 100%;
          /* min-height: 1200px; */
          font-family: arial, sans-serif;
          }

hr              {
                display: block; 
                clear: left; 
               /* margin: -0.66em 0; */
                visibility: hidden;
                }
                
a img, a:link img {border: 0px;}    
                
.top {padding-bottom: 10px;}

.top a  {
          background: url(logo.png) no-repeat center ;
          height: 200px;
          display: block;
          width: 800px;
          margin: auto;
        }
.top a span {display: none;}
          
#navibox  {
            position:  absolute;
            top: 0px;
            left: 0px;
            padding: 5px;
            padding-left: 10px;
            z-index: 1;
          }          
#loginbox {
            position: absolute;
            top: 0px;
            right: 0px;
            padding: 5px;
            padding-right: 10px;
            z-index: 1;
          }
#loginbox form  {
                  display: inline;
                }          
          
#loginbox a,#navibox a {
               color: rgb(255,255,255);
            }          
#loginbox a:hover, #navibox a:hover {
                    color: rgb(255,255,0);
                  }

#loginbox input {
                  border: 0px;
                  display: inline;
                  width: auto;
                }
#loginboxsubmit:hover  {
                         background: rgb(0,0,0);
                         color: rgb(255,255,255);
                       }                
#loginbox {}                 

#hills  {
          position: absolute;
          width: 100%;
          height: 50px;
          z-index: -1;
          #background: url(hills.png) repeat-x; # These look crap, never did get round to making them move, so turning it off.
          top: 50px;
          left: 0px;
        }

#weather {
          position: absolute;
          width: 100%;
          height: 100px;
          top: 0px;
          left: 0px;
          z-index: -2;
          #background: url(clouds2.png) repeat-x rgb(0,0,255); # also crap
          overflow: hidden;
         }

#weather div.cloud {
                  position: absolute;
                  height: 44px;
                  width: 80px;
                  top: 0px;
                  right: 0px;
                  z-index: -2;
                }
                
 #weather #cloud0 {
                  background: url(single_cloud.png) no-repeat;
                }

 #weather #cloud1 {
                  background: url(single_cloud.png) no-repeat;
                }
                
 #weather #cloud2 {
                  background: url(single_cloud2.png) no-repeat;
                }

 #weather #cloud3 {
                  background: url(single_cloud3.png) no-repeat;
                }
                
#weather.test div.cloud { background: url(single_cloud2.png) no-repeat;}

#weather.fog #cloud {}


#cloud.rain {
          background: url(single_cloud_rain.png) no-repeat;
}


#footer {
          position: absolute;
          background: url(footer.png) repeat-x;
          height: 220px;
          width: 100%;
          z-index: -2;
          margin-top: -220px;
          }

span.footer {
          position: absolute;
          background: transparent;
          font-size: 1.2em;
          bottom: 2px;
          width: 100%;
          text-align: center;
          }
          
.bigoak {
          position: absolute;
          height: 450px;
          width: 100%;
          z-index: -1;
          margin-top: -440px;
          background-repeat: no-repeat;
          background-position: left;
          /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/style/bigoak2.png", sizingMethod="crop"); */
          }

.bigoak[class] {
          background-image: url(bigoak2.png);
           }

.smtext {
          font-size: 0.6em;
        }

.sec0,.sec1 {
              min-height: 250px; 
              width: 100%; 
              margin: 10px; 
            }
            
.sec0 {background-color: #829E5B;}
.sec1 {background-color: rgb(89, 109, 56);} 

.sec0 a,.sec1 a {
                  color: #000000;
                }

.sec0 a:hover,.sec1 a:hover {
                  color: #ddffdd;
                }
                
/* DETAIL STYLE */

#markerimages   {
                 min-height: 250px;
                }

#markerlocation  {
                 min-height: 360px;
                 }

#nr1,#nr2 {
              border-top: thick solid #808000;
              min-height: 50px;
              height: auto !important;
              height: 40px;
              width: 15%;
              padding: 10px;
              float: left;
              border-bottom: thick solid #808000; 
          }
          
#nr1 {background-color: #687324;}
#nr2 {background-color: rgb(89, 109, 56);}          
          
#cr1,#cr2 {
              border-top: thick solid #808000;
              float: left;
              width: 63%;
              padding: 10px;
              line-height: 120%;
              min-height: 100px;
              height: auto !important;
              height: 100px;
              border-bottom: thick solid #808000;
          }
          
#cr1 {background-color: #687324;}
#cr2 {background-color: rgb(89, 109, 56);}

          
#cv1,#cv2 {
            float: right;
            width: 10%;
            min-height: 100px;
            height: auto !important;
            height: 100px;
            padding: 10px;
            border-top: thick solid #808000;
            border-bottom: thick solid #808000;
          }
#cv1{background-color: #687324;}
#cv2{background-color: rgb(89, 109, 56);}


.username {
        display: none;
        }

.fade {
        position: relative;
        top: 0px;
        left: 0px
      }

.fade div {
        position: absolute; 
        top: 0;
        left: 0;
        display: none;
        }
        
.markerimage {
        float: left;
        width: 30%;
        height: 100%;
        padding: 10px;
        overflow: hidden;
        }
.smalltext  {
              font-size: 0.6em;
            }
                    
.merchant_object {
                    width: 40%;
                    float: left;
                    padding: 5px;
                    margin: 5px;
                    min-height: 300px;
                 }
                 
.mo1  {
          background: #687324;
      }

.mo2  {
          background: rgb(89, 109, 56);
      }           
      

/* MAP STYLE */

#sidebar {
            position: absolute; 
            right: 10px; 
            top: 270px; 
            width: 120px; 
            background: rgb(188,216,150); 
            font-size: 0.6em;
          }
.list   {
          list-style: none;
          margin-left: 0;
          padding-left: 1em;
          text-indent: -1em;
          cursor:pointer;
          color: #000000;
        }

.right  {
          /* top: 250px; */
          margin-left: 27%;
          width: 72%;
          height: 1500px; 
          padding: 0.2%; 
        }
.right label  {
                color: #000000;
              }

/* DETAIL EDIT STYLE */

.info_area label           {
                display: block;
                width: 200px;
                height: 1.5em;
                text-align: left;
                float: left;
                }

.info_area input           {
                  display: block;
                  width: 200px;
                  border: solid 3px;
                 }     
                 
.info_area select         {
                  display: block;
                  width: 205px;
                  float: left;
                  border: solid 3px;
                }             


.info_area textarea        {
                  display: block;
                  border: solid 3px;
                }                
                
.info_area      {
                 width: 98%;
                 padding: 1%;
                 padding-bottom: 30px;

                }
                                 

.errorlabel     {
                      background: rgb(128,0,0);
                }                

.errorlist      {
                border: solid thin red;
                padding: 3px;
                background: rgb(128,0,0);
                }
                
                
.errorlist li   {
                list-style: none;
                font-size: 0.7em;
                }
                
                
.info_area A:link, .info_area A:visited, .info_area A:active {
                            color: rgb(255,255,255);
                            text-decoration: underline;
                            }           
                                 
.info_area A:hover {
        text-decoration: underline overline;
        color: red;
        }
        
/*   ADD POINT STYLE */


.errorlabel     {
                      background: rgb(128,0,0);
                }                

.errorlist      {
                border: solid thin red;
                padding: 3px;
                background: rgb(128,0,0);
                }
                
                
.errorlist li   {
                list-style: none;
                font-size: 0.7em;
                }
                
#mainaddpoint label           {
                display: block;
                width: 200px;
                height: 1.5em;
                text-align: left;
                float: left;
                }

#mainaddpoint input           {
                  display: block;
                  width: 200px;
                  border: solid 3px;
                 }     
                 
#mainaddpoint select         {
                  display: block;
                  width: 205px;
                  float: left;
                  border: solid 3px;
                }             


#mainaddpoint textarea        {
                  display: block;
                  border: solid 3px;
                } 
 .inerror {background-color: #ff0000;
          border: solid 3px #ff1111;
          display: block;}

.ul {text-decoration: underline;}                
